/*
    1. 使用yarn init -y命令初始化一个项目(你npm init也一样)
    2. 使用yarn add -D webpack;  你npm install webpack也可以，看你用的什么包管理工具
	   yarn add -D webpack-cli;
	安装webpack所需的依赖，-D的意思是指定这个依赖只是开发的时候需要，项目运行的时候并不需要。webpack毕竟只是个打包工具，项目的运行跟他没啥关系
    3. 创建一个src目录里面存放文件
    4. yarn webpack;即可让webpack开始打包，打包完成后发现项目多了个dist文件夹，dist文件夹就是打包好的文件存放的文件夹。
    5. 有的时候我们可能要用到一些库，比如jquery，这时候我们可以yarn add jquery，注意别加-D了，因为这个jquery我们项目运行是要用的。
    6. 在src里新建几个js文件，import 引入jquery并且使用一下，再yarn webpack会发现dist文件夹里的main.js里的代码量就庞大了
        因为webpack为了使用jquery直接把jquery里的所有代码都放入了main.js
    7. 不过有个值得注意的问题，如果一个文件、库你使用import引入了，但是压根没使用，那么这个文件或者库里的代码是不会被打包进main.js的
        但是但是但是! ! !如果在这个文件里export语句的外面，有其他的代码，那么这些所谓的其他代码还是会被打包进main.js里面
        因为import的时候，被引入的文件是会执行的，export的部分你没有使用，那就不用执行，但是export外面的语句是执行了的，所以他就会帮你打包进main.js了

        举个例子:
        export default {
            .....
        };
        xxxxxxx;(export之外的代码)
        这样的话，xxxxxx这些代码还是会被打包进main.js。
*/